CSS calc() lets you mix lengths, numbers, and percentages to compute property values on the fly (+, −, ×, ÷), with syntax like width: calc(...), supported across major browsers. Use it for responsive layouts, dynamic spacing, and fluid typography, combining units safely while respecting order of operations; prefer plain values when no math is needed for cleaner, flexible, maintainable styles.